<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:cus="http://www.w3.org/1999/xhtml">

<head th:replace="head :: commonHead('订单详情')">

</head>

<body>

<div th:replace="head :: header"></div>


<!-- 主体内容 -->
<div id="app">
    <div class="user_container clearfix">

        <!-- 面包屑导航 -->
        <div class="crumbs_nav">
            <a href="javascript:void(0)">个人中心</a> >
            <a href="javascript:void(0)">订单中心</a> >
            <a href="javascript:void(0)" class="on">[[${order.no}]]</a>
        </div>

        <div class="right_boxwrap order_boxwrap">
            <div class="user_right_box">
                <div class="user_right_box_title">
                    <div class="user_right_box_title_l">
                        <em></em>
                        <h3 cus:dict="order-type,${order.type}"></h3>
                    </div>
                </div>
                <div class="user_info order_info">
                    <div class="middle">
                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>订单信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th>订单名称：</th>
                                        <td th:text="${order.orderDetail.sameStyleId ne null ? '同款作品' : '私人定制作品'}"></td>
                                    </tr>
                                    <tr>
                                        <th>订 单 号 ：</th>
                                        <td th:text="${order.no}"></td>
                                    </tr>
                                    <tr>
                                        <th>下单时间：</th>
                                        <td th:text="${#dates.format(order.orderTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                    </tr>
                                    <tr th:if="${order.status eq 1}">
                                        <th>付款时间：</th>
                                        <td th:text="${#dates.format(order.payTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                    </tr>
                                    <tr>
                                        <th>应付总额：</th>
                                        <td th:text="${#numbers.formatDecimal(order.totalPrice,1,2)}"></td>
                                    </tr>
                                    <tr>
                                        <th>订单状态：</th>
                                        <td cus:dict="order-status,${order.status}"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>客户信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th>姓 名 ：</th>
                                        <td th:text="${currentUser.name eq null ? currentUser.nickname : currentUser.name}"></td>
                                    </tr>
                                    <tr>
                                        <th>电 话 ：</th>
                                        <td th:text="${currentUser.mobile}"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>作品信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th>作品标题：</th>
                                        <td th:text="${order.orderDetail.sameStyleId ne null ? video.name : '私人定制作品'}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">作品简介：</th>
                                        <td th:text="${order.orderDetail.sameStyleId ne null ? video.description : '私人定制作品'}"></td>
                                    </tr>
                                    <tr>
                                        <th>摄影师：</th>
                                        <td th:text="${order.orderDetail.photoGrapherUser eq null ? '待分配' : order.orderDetail.photoGrapherUser.nickname}"></td>
                                    </tr>
                                    <tr>
                                        <th>编剧：</th>
                                        <td th:text="${order.orderDetail.scriptWriterUser eq null ? '待分配' : order.orderDetail.scriptWriterUser.nickname}"></td>
                                    </tr>
                                    <tr>
                                        <th>作品类型：</th>
                                        <td cus:dict="video-type,${order.orderDetail.videoType}"></td>
                                    </tr>
                                    <tr th:if="${not (order.type eq 2 or order.orderDetail.videoType eq 4)}">
                                        <th>基础套餐：</th>
                                        <td>
                                            <a href="javascript:void(0)" style="width:96px;"
                                               th:text="${order.orderDetail.orderCombo?.label}"></a>
                                        </td>
                                    </tr>
                                    <tr th:if="${order.type eq 2 or order.orderDetail.videoType eq 4}">
                                        <th>套餐详情：</th>
                                        <td>
                                            <img style="width: 50%; height: 50%;" th:if="${order.orderDetail.comboFile ne null}" th:src="${#request.getAttribute('uploadServer') + order.orderDetail.comboFile}">
                                        </td>
                                    </tr>
                                    <!--<tr>
                                        <th style="padding-top: 5px;">服务内容：</th>
                                        <td style="padding-top: 5px;">
                                            <a href="javascript:void(0)" class="fw_content_btn">点击查看服务内容</a>
                                        </td>
                                    </tr>-->

                                </table>
                            </div>
                        </div>

                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>拍摄信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th>拍 摄 地 ：</th>
                                        <td cus:area="${order.orderDetail.shootingLocation}"></td>
                                    </tr>
                                    <tr>
                                        <th>拍摄时间：</th>
                                        <td th:text="${#dates.format(order.orderDetail.shootingStartDate,'yyyy-MM-dd') + '-' + #dates.format(order.orderDetail.shootingEndDate,'yyyy-MM-dd')}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">备 注 ：</th>
                                        <td th:text="${order.orderDetail.remark}"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                    </div>

                    <div class="invoice_bottom clearfix" th:if="${order.status eq 1}">
                        <div class="invoice_bottom_btn">
                            <input type="button" value="申请售后" onclick="$('#nb_icon_wrap').click();"/>
                            <input type="button" th:if="${not hasEvaluate}" value="评价"
                                   th:onclick="'window.location.href = ' + '\'/evaluate/ready?targetType=3&target=' + ${order.id} + '\''"
                                   style="margin-left: 31px;"/>
                            <input type="button" th:if="${hasEvaluate}" value="已评价" th:onclick="'window.location.href = \'/evaluate/detail/' + ${order.id} + '\''" style="margin-left: 31px;"/>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>


<!-- 版权信息 -->
<div th:replace="foot :: body"></div>

</body>

<script th:src="${#request.getAttribute('ctx') + '/static/front/js/home.js'}" type="text/javascript" charset="utf-8"></script>

</html>
